<template>
  <div class="home">
    <div id="main1">
      <Pie></Pie>
    </div>
    <div id="main2">
      <Bar></Bar>
    </div>
  </div>
</template>

<script>
import * as echarts from "echarts";
import Pie from "@/components/view/Pie"
import Bar from "@/components/view/Bar"
export default {
  name: "",
  props: [""],
  data() {
    return {
      myChart: "",
    };
  },

  components: {
    Bar,
    Pie
  },

  computed: {},

  created() {},

  mounted() {

    
  },
  
  methods: {
       
  },
};
</script>
<style scoped lang="less">
.home {
  display: flex;
  #main1 {
    width: 500px;
    height: 500px;
    // border: 1px solid red;
    margin-right: 50px;
  }
    #main2 {
    width: 500px;
    height: 500px;
    // border: 1px solid red;
  }
}
</style>